<?php
use_helper('I18N');
?>
<div class="breadcrumbs" id="breadcrumbs">
<script>
$(function() {
    $("#btnSubmit").click(function(){
        $("#bankForm").submit();
    });

    $("#bankForm").validate({
        messages : {
            transactionPassword: {
                remote: "Security Password is not valid."
            }
        },
        rules : {
            "depositDate" : {
                required : true
            },
            "depositAmount" : {
                required : true
            },
            "bankSlip" : {
                required : true,
                accept:'docx?|pdf|bmp|jpg|jpeg|gif|png|tif|tiff|xls|xlsx'
            }
        },
        submitHandler: function(form) {
            waiting();
            var amount = $('#depositAmount').autoNumericGet();
            $("#depositAmount").val(amount);
            form.submit();
        },
        success: function(label) {
            //label.addClass("valid").text("Valid captcha!")
        }
    });

    $('#depositAmount').autoNumeric({
        mDec: 2
    });

    $("#depositDate").datepicker({
        dateFormat : 'yy-mm-dd',
		changeMonth : true,
		changeYear : true,
		// showButtonPanel: true,
		yearRange : '-100:+50'
    });
});
</script>

    <ul class="breadcrumb">
        <li>
            <i class="icon-home home-icon"></i>
            <a href="/member/fundsDeposit"><?php echo __('Deposit') ?></a>
        </li>
        <li class="active"><?php echo __('Funds Deposit') ?></li>
    </ul>

    <div class="nav-search" id="nav-search">
        <form class="form-search">
            <span class="input-icon">
                <input type="text" placeholder="Search ..." class="nav-search-input"
                       id="nav-search-input" autocomplete="off"/>
                <i class="icon-search nav-search-icon"></i>
            </span>
        </form>
    </div>
    <!-- #nav-search -->
</div>

<div class="page-content">

    <div class="row">
        <div class="col-xs-12">
            <h3 class="header smaller lighter green"><?php echo __('Submit Deposit Request') ?></h3>

            <!-- PAGE CONTENT BEGINS -->
            <?php include_component('component', 'alert', array('param' => $sf_user->getAttribute(Globals::SESSION_DISTID, 0))) ?>

            <form action="/member/doFundsDeposit" id="bankForm" name="bankForm" method="post" class="form-horizontal" role="form" enctype="multipart/form-data">
                <div class="form-group">
                    <div class="col-sm-12">
                        <dl id="dt-list-1" class="pull-left">
                            <dt>Please refer to the following instruction and fill up the Deposit form:</dt>
                            <dd><br>1. You have to deposit money via ONLINE TRANSFER / ATM TRANSFER / CASH DEPOSIT / CREDIT CARD from your respective bank account to our bank account.</dd>
                            <dd><br>2. Please submit the request below AFTER you have completed fund transfer to our bank.</dd>
                            <dd><br>3. We will validate your deposit request and if approve, we will then proceed to transfer payable funds to you.</dd>
                            <dd><br>4. For online banking deposit, Please indicate <span class="text-primary">accounts@cm833.com</span> as  recipient email in order for us to receive deposit notification from bank.</dd>
                        </dl>
                        <br>

                        <table style="width: 100%; border-collapse: collapse;">
                            <tbody>
                                <tr>
                                    <td width="25%">
                                        <p align="center"><span style="background-color: rgb(255, 255, 224);"><img src="/images/hlb.jpg" width="200px" alt="" title=""><br>
                                                         <span style="font-weight: bold;"><span style="font-size: 14pt;">RUZAINI HARIZ</span></span><br>
                                                                 <span style="color: rgb(255, 0, 0); font-size: 14pt; font-weight: bold;">A/C: 06451119252</span><br>
                                                         </span></p></td>
                                    <!--<td width="25%">
                                        <p align="center"><span style="background-color: rgb(255, 255, 224);"><img src="/images/cimb.jpg" width="200px" alt="" title=""><br>
                                                         <span style="font-weight: bold;"><span style="font-size: 14pt;">CM833.com</span></span><br>
                                                         <span style="color: rgb(255, 0, 0); font-size: 14pt; font-weight: bold;">A/C: 222222222</span><br>
                                                         </span></p></td>-->
                                    <td width="25%">
                                        <p align="center"><span style="background-color: rgb(255, 255, 224);"><img src="/images/mbb.jpg" width="200px" alt="" title=""><br>
                                                <span style="font-weight: bold;"><span style="font-size: 14pt;">RUZAINI HARIZ</span></span><br>
                                                         <span style="color: rgb(255, 0, 0); font-size: 14pt; font-weight: bold;">A/C: 164089919651</span><br>
                                                         </span></p></td>
                                    <td width="25%">
                                        <p align="center"><span style="background-color: rgb(255, 255, 224);"><img src="/images/pbb.jpg" width="200px" alt="" title=""><br>
                                                         <span style="font-weight: bold;"><span style="font-size: 14pt;">RUZAINI HARIZ</span></span><br>
                                                         <span style="color: rgb(255, 0, 0); font-size: 14pt; font-weight: bold;">A/C: 4790341813</span><br>
                                                         </span></p></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="table-header">
                    Account Detail
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><span style="color: #D16E6C">* </span><?php echo __("Game")?></label>

                    <div class="col-sm-9">
                        <select id="game" name="game">
                            <option id="Live Casino">Live Casino</option>
                            <option id="Sport">Sport</option>
                            <option id="Lotto">Lotto</option>
                            <option id="Horse" disabled="disabled">Horse</option>
                        </select>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><span style="color: #D16E6C">* </span><?php echo __("Payment Method")?></label>

                    <div class="col-sm-9">
                        <select id="paymentMethod" name="paymentMethod">
                            <option id="Open Transfer">Open Transfer</option>
                            <option id="ATM Transfer">ATM Transfer</option>
                            <option id="Cash Deposit">Cash Deposit</option>
                            <option id="Credit Card" disabled="disabled">Credit Card</option>
                        </select>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><span style="color: #D16E6C">* </span><?php echo __("Deposit To")?></label>

                    <div class="col-sm-9">
                        <select id="bank" name="bank">
                            <option id="Maybank">Maybank</option>
                            <option id="Hong Leong Bank">Hong Leong Bank</option>
                            <option id="CIMB Bank">CIMB Bank</option>
                            <option id="Public Bank">Public Bank</option>
                        </select>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><span style="color: #D16E6C">* </span><?php echo __("Date / Time")?></label>

                    <div class="col-sm-9">
                        <input type="text" id="depositDate" name="depositDate" readonly="readonly"/>
                        <select id="depositTimeHour" name="depositTimeHour">
                            <?php
                            for ($i = 0; $i < 24; $i++) {
                                $x = $i;
                                if ($i < 10)
                                    $x = "0".$i;
                                echo "<option value='".$x."'>".$x."</option>";
                            }
                            ?>
                        </select>:
                        <select id="depositTimeMin" name="depositTimeMin">
                            <?php
                            for ($i = 0; $i < 60; $i++) {
                                $x = $i;
                                if ($i < 10)
                                    $x = "0".$i;
                                echo "<option value='".$x."'>".$x."</option>";
                            }
                            ?>
                        </select>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><span style="color: #D16E6C">* </span><?php echo __("Deposit Amount")?></label>

                    <div class="col-sm-9">
                        <input name="depositAmount" type="text" id="depositAmount" size="30"
                                                         value=""/>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><?php echo __("Reference Code")?></label>

                    <div class="col-sm-9">
                        <input name="referenceCode" type="text" id="referenceCode" size="30"
                                                         value=""/>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"><span style="color: #D16E6C">* </span><?php echo __("Scanned Receipt")?></label>

                    <div class="col-sm-9">
                        <?php echo input_file_tag('fileNew', array("id" => "bankSlip", "name" => "bankSlip")); ?>
                    </div>
                </div>

                <div class="space-4"></div>

                <div class="clearfix form-actions">
                    <div class="col-md-offset-3 col-md-9">
                        <button class="btn btn-info" type="button" id="btnSubmit">
                            <i class="icon-ok bigger-110"></i>
                            Submit
                        </button>
                    </div>
                </div>
            </form>
        <!-- /.col -->
    </div>
</div>